// 主应用布局

.layout {
    grid-template-rows: 68px auto;
    grid-template-columns: 256px auto;
    @apply bg-gray-100 h-full grid;

    // 布局顶部区
    &-top {
        z-index: 1;
        @apply bg-white row-start-1 row-end-2 col-start-2 col-end-3 border-b border-gray-300 h-full;
    }

    // 布局左侧区
    &-left {
        background-color: #20222a;
        @apply w-64 overflow-auto row-start-1 row-end-3 col-start-1 col-end-2;

        &::-webkit-scrollbar-thumb {
            @apply bg-gray-600 hover:bg-gray-300;
        }
    }

    // 布局内容区
    &-content {
        @apply p-6 overflow-auto;
    }

    &-header {
        @apply p-6 flex items-center justify-end h-full;
    }

    &-title {
        color: #b8c0e0;
        @apply text-xl m-8 text-center tracking-widest;
    }

    // 修改密码对话框
    .change-password {
        @apply max-w-sm;
    }
}
